<!DOCTYPE html>
<html><head>
	    <meta charset="utf-8">
    <title>童老师ThinkPHP交流群：484519446</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__ADMIN__/style/bootstrap.css" rel="stylesheet">
    <link href="__ADMIN__/style/font-awesome.css" rel="stylesheet">
    <link href="__ADMIN__/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__ADMIN__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__ADMIN__/style/demo.css" rel="stylesheet">
    <link href="__ADMIN__/style/typicons.css" rel="stylesheet">
    <link href="__ADMIN__/style/animate.css" rel="stylesheet">
  <script src="__ADMIN__/ueditor/ueditor.config.js"></script>
  <script src="__ADMIN__/ueditor/ueditor.all.min.js"></script>
  <script src="__ADMIN__/ueditor/lang/zh-cn.js"></script>

</head>
<body>
	<!-- 头部 -->
	{include file="public/header" /}
	<!-- /头部 -->
	
	<div class="main-container container-fluid">
		<div class="page-container">
            <!-- Page Sidebar -->
            {include file="public/left" /}
            <!-- /Page Sidebar -->
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                                        <li>
                        <a href="#">系统</a>
                    </li>
                                        <li>
                        <a href="{:url('lst')}">用户组管理</a>
                    </li>
                                        <li class="active">添加用户组</li>
                                        </ul>
                </div>
                <!-- /Page Breadcrumb -->

                <!-- Page Body -->
                <div class="page-body">
                    
<div class="row">
    <div class="col-lg-12 col-sm-12 col-xs-12">
        <div class="widget">
            <div class="widget-header bordered-bottom bordered-blue">
                <span class="widget-caption">新增用户组</span>
            </div>
            <div class="widget-body">
                <div id="horizontal-form">
                    <form class="form-horizontal" role="form" action="{:url('AuthGroup/edit')}" method="post" >
                      <input type="hidden" name="id" value="{$authgroups.id}">
                        <div class="form-group">
                            <label for="title" class="col-sm-2 control-label no-padding-right">用户组名称</label>
                            <div class="col-sm-6">
                                <input class="form-control" id="title" placeholder="" name="title"  value="{$authgroups.title}" type="text">
                            </div>
                            <p class="help-block col-sm-4 red">* 必填</p>
                        </div>

                      <div class="form-group">
                        <label for="status" class="col-sm-2 control-label no-padding-right">启用状态</label>
                        <div class="col-sm-6">
                          <p  class="help-block col-sm-4 red">
                            <label>
                              <input class="checkbox-slider colored-blue" id="status" type="checkbox" value="1"  {if condition="$authgroups.status eq 1"} checked="checked" {/if}  name="status" >
                              <span class="text"></span>
                            </label>
                          </p>

                        </div>
                        <p class="help-block col-sm-4 red">* 必填</p>
                      </div>

                      <div class="form-group">
                        <label for="des" class="col-sm-2 control-label no-padding-right"></label>
                        <div class="col-sm-6">
                          <table class="table table-hover">
                            <thead class="bordered-darkorange">
                            <tr>
                              <th>
                                配置权限
                              </th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="authruleres" id="authrules"}
                            <tr>
                              <td>
                                <label>
                                  {if condition="$authrules['level'] neq 0 "}|{/if}
                                  <?php echo str_repeat('&nbsp;-',$authrules['level']*3) ?>
                                  <input
                                    <?php $arr=explode(',', $authgroups['rules']); if(in_array( $authrules['id'],$arr)){echo 'checked="checked"';}  ?>
                                          name="rules[]" value="{$authrules.id}"  type="checkbox" dataid="id-{$authrules.dataid}"  class="inverted checkbox-parent {if condition="$authrules['level'] neq 0 " } checkbox-child  {/if} " >
                                  <span class="text"  {if condition="$authrules['level'] eq 0 " } style="font-weight: bold;font-size: 14px;" {/if} >{$authrules.title}</span>
                                </label>
                              </td>
                            </tr>
                            {/volist}
                            </tbody>
                          </table>
                        </div>
                      </div>
                      
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">保存信息</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
		</div>	
	</div>

	    <!--Basic Scripts-->
    <script src="__ADMIN__/style/jquery_002.js"></script>
    <script src="__ADMIN__/style/bootstrap.js"></script>
    <script src="__ADMIN__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__ADMIN__/style/beyond.js"></script>
  <script type="text/javascript">
      UE.getEditor('content',{initialFrameWidth:685,initialFrameHeight:400});
  </script>

  <script type="text/javascript">
      /* 权限配置 */
      $(function () {
          //动态选择框，上下级选中状态变化
          $('input.checkbox-parent').on('change', function () {
              var dataid = $(this).attr("dataid");
              $('input[dataid^=' + dataid + ']').prop('checked', $(this).is(':checked'));
          });
          $('input.checkbox-child').on('change', function () {
              var dataid = $(this).attr("dataid");
              dataid = dataid.substring(0, dataid.lastIndexOf("-"));
              var parent = $('input[dataid=' + dataid + ']');
              if ($(this).is(':checked')) {
                  parent.prop('checked', true);
                  //循环到顶级
                  while (dataid.lastIndexOf("-") != 2) {
                      dataid = dataid.substring(0, dataid.lastIndexOf("-"));
                      parent = $('input[dataid=' + dataid + ']');
                      parent.prop('checked', true);
                  }
              } else {
                  //父级
                  if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {
                      parent.prop('checked', false);
                      //循环到顶级
                      while (dataid.lastIndexOf("-") != 2) {
                          dataid = dataid.substring(0, dataid.lastIndexOf("-"));
                          parent = $('input[dataid=' + dataid + ']');
                          if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {
                              parent.prop('checked', false);
                          }
                      }
                  }
              }
          });
      });
  </script>

</body></html>